// 富文本编辑器
// 创建编辑器函数，创建工具栏函数
const { createEditor, createToolbar } = window.wangEditor

// 编辑器配置对象
const editorConfig = {
    // 占位提示文字
    placeholder: 'Type here...',
    // 编辑器内容变化时的回调函数
    onChange(editor) {
        const html = editor.getHtml();
        // console.log('editor content', html);
        // 也可以同步到 <textarea>
        document.querySelector('.publish-content').innerHTML = html; 
    }
}

// 创建编辑器对象
const editor = createEditor({
    // 富文本编辑器的渲染位置
    selector: '#editor-container',
    // 默认内容
    html: '<p><br></p>',
    // 编辑器配置
    config: editorConfig,
    // 模式选择
    mode: 'default', // or 'simple'
})

// 创建编辑器配置对象
const toolbarConfig = {}

// 创建工具栏对象
const toolbar = createToolbar({
    // 为哪个编辑器对象创建工具栏
    editor,
    // 工具栏的渲染位置
    selector: '#toolbar-container',
    // 编辑器配置
    config: toolbarConfig,
    // 工具栏模式
    mode: 'default', // or 'simple'
})